$(function(){

	//宫格
	var json=[
			{id:0,text:"360导航",src:"images/1.png"},
			{id:1,text:"淘宝网",src:"images/2.png"},
			{id:2,text:"优酷",src:"images/3.png"},
			{id:3,text:"百度",src:"images/4.png"},
			{id:4,text:"新浪",src:"images/5.png"},
			{id:5,text:"搜狐",src:"images/6.png"},
			{id:6,text:"新浪微博",src:"images/7.png"},
			{id:7,text:"京东商城",src:"images/8.png"},
			{id:8,text:"当当网",src:"images/9.png"},
			{id:9,text:"新浪读书",src:"images/10.png"},
			{id:10,text:"幻剑书盟",src:"images/11.png"},
			{id:11,text:"搜狐读书",src:"images/12.png"},
			{id:12,text:"腾讯游戏",src:"images/13.png"},
			{id:13,text:"新浪游戏",src:"images/14.png"},
			{id:14,text:"太平洋游戏",src:"images/15.png"},
			{id:15,text:"4399小游戏",src:"images/16.png"},
			{id:16,text:"城市吧",src:"images/17.png"},
			{id:17,text:"赶集网",src:"images/18.png"},
			{id:18,text:"美食天下",src:"images/19.png"},
			{id:19,text:"新浪汽车",src:"images/20.png"},
	];

	// 管理频道
		var json1=[
			{id:0,text:"最常访问",src:"images/p1.png"},
			{id:1,text:"今日头条",src:"images/p2.png"},
			{id:2,text:"游戏中心",src:"images/p3.png"},
			{id:3,text:"音乐精选",src:"images/p4.png"},
			{id:4,text:"精品购物",src:"images/p5.png"},
			{id:5,text:"我的网址",src:"images/p6.png"},
			{id:6,text:"热门影视",src:"images/p7.png"},

	];
	
//删除
	$('#ul1 li b i').live('click',function(){
		var now=$("#ul1 li").index($(this).parent().parent().parent());
		//alert(now);		
		//<a href="#">  <b> <i></i> </b>  </a>

		$("#ul1 li").eq(now).find("a").animate({"top":"-100"},200,function(){
			$(this).remove();
		});
		var b_id=$("#ul1 li").eq(now).find("a")[0].title;//删除的宫格
		//	alert(b_id);
		$("#add_ul1 li").eq(b_id).find("b").remove();//去掉钩
	
		
	});
// 点击添加
var ul1_id=0;
var oLeft=0;
var oTop=0;
	$("#ul1 li").click(function(){
		if($(this).children().length==0) {
			$("#add_a")[0].style.display="block";
			ul1_id=$(this).index();//主页的键值
		}
	});
	//关闭添加界面
	$("#add_title>h2>b").click(function(){
		$("#add_a").hide();
		// alert("dd");
	});
	//动态添加json的li
	for(var i=0;i<20;i++){			
			$("#add_ul1").append($('<li><img src="'+json[i].src+'" alt="'+json[i].text+'" /></li>'));
	}

	//在add_a 选择添加
	var addLeft=0;
	var addTop=0;
	$("#add_ul1 li").click(function(e){
		//获得添加界面点击的索引；
		var nowid=$(this).index();
		addLeft=$(this).offset().left;
		addTop=$(this).offset().top;
		$("#add_ul1 li").eq(nowid).append($('<b></b>'));
		var add_str=$('<a href="#" title="'+nowid+'"><img src="'+json[nowid].src+'"><b>'
			+json[nowid].text+'<i></i></b></a>').fadeIn("slow");
		
		console.log(nowid);
		//判断主页里是否已经存在
		var title=[];
		for(var i=0;i<$("#ul1 li").length;i++){
			title.push($("#ul1 li a").eq(i).attr("title"));	
		}
		console.log(title);
		var beal=1;
		for(var i=0;i<title.length;i++){
			if(title[i]==nowid){
				beal=0;
				var ddd=$("#ul1 li").index($('a[title="'+nowid+'"]').parent());
				//console.log('打点'+ul1_id+'点击的id'+nowid+'主页的title'+ddd);
				$("#ul1 li").eq(ddd).append(add_str);
				setTimeout(function(){
					$("#ul1 li").eq(ddd).find('a').eq(0).remove();
				},500);
				break;
			}
		}
		if(beal){
			$("#ul1 li").eq(ul1_id).append(add_str);		
		}

		$("#add_a").hide();
	});

	//loading
	loading();
	function loading(){
		 $("#main").height($(window).height());
		 $("#main").width(7*$(window).width());
		 $(".cont").width($(window).width());
	}


	// 下边的频道菜单选项
	var menu_now=0;
	$("#menu li").live('click',function(){
		menu_now=$(this).index();
		//alert('hhh'+menu_now);
		if(menu_now==($("#menu li").length-1)) {
			$("#add_pd").show();
			return;
		}
		menu_tab(menu_now);
	});

	function menu_tab(menu_now){
		$("#main").animate({"left":-menu_now*$(window).width()},600);
		$("#menu").children().css("background","white");
		$("#menu li").eq(menu_now).css("background","#63A118");
	}

	// cut点击
	
	$("#cut_right").live('click',function(){
				menu_now++;
				//alert(menu_now);
				if(menu_now==($("#menu li").length-2)) $("#cut_right").hide("slow");
				else $("#cut_left").show("slow");
				if(menu_now==($("#menu li").length-1)) {
					menu_now--;
				}
				menu_tab(menu_now);
	});
	$("#cut_left").live('click',function(){
				menu_now--;
				if(menu_now==0) $("#cut_left").hide("slow");
				else $("#cut_right").show("slow");
				if(menu_now==-1) {
					menu_now++;
				}
				menu_tab(menu_now);
	});
	// 滚轮
	addMouseWheel($("#main")[0],function(down){
		var timer=0;
		if(down){
			clearTimeout(document.timer);
			document.timer=setTimeout(function(){
				menu_now++;
				if(menu_now==($("#menu li").length-2)) $("#cut_right").hide("slow");
				else $("#cut_left").show("slow");
				if(menu_now==($("#menu li").length-1)) {
					menu_now--;
				}
				menu_tab(menu_now);

			},400);
		}
		else{
			clearTimeout(document.timer);
			document.timer=setTimeout(function(){
				menu_now--;
				if(menu_now==0) $("#cut_left").hide("slow");
				else $("#cut_right").show("slow");
				if(menu_now==-1) {
					menu_now++;
				}
				menu_tab(menu_now);

			},400);
		}

	});
	// 频道添加
	// 
	// 	关闭
	$("#add_pd_p>i").click(function(){
		$("#add_pd").hide();
	});

	//添加频道
	for(var i=0;i<3;i++){
		var pd_li=$('<li title=></li>');
	}
	//初始化的下边的频道栏
	var ad_len=$("#menu li").length-1;
	for (var i = 0; i < ad_len; i++) {
		var pd_s=$('<s></s>');
		$("#add_pd_p>li").eq(i).append(pd_s);	
	}
	$(".cont").eq(0).show();
	$(".cont").eq(1).show();
	$("#menu li").eq(0).css("background","#63A118");

	//点击添加频道
	$("#add_pd_p>li").live('click',function(){
		var p_now=$(this).index();
		if($(this).children().length==1){
			var pd_str=$('<li title="'+p_now+'">'+json1[p_now].text+'</li>').fadeIn("slow");
			$(this).append($('<s></s>'));
			$(this).attr("title",p_now);
			$(".cont").eq(p_now).show();			
			var add_temp=sortTitle(p_now);	
			if(add_temp==0){
				$("#menu").prepend(pd_str);
			}	
			else{
				$("#menu li").eq(add_temp-1).after(pd_str);
			}
			$("#menu li").css("background","white");
			$("#menu li").eq(0).css("background","#63A118");
		}
		else{
			//if(p_now==0) return;			
			$(this).find("s").remove();
			$(this).removeAttr("title");
			$('#menu li[title="'+p_now+'"]').animate({"height":"-20"},150,function(){
				$(this).remove();
			});
			$(".cont").eq(p_now).hide();			
			menu_tab(0);
			$("#menu").find('li').eq(0).css("background","#63A118");
		}

	});
	function sortTitle(p_now){
		var len=$("#add_pd_p s").length;
			var title_arr=[];
			var temp=0;
			//alert(len);
		for(var i=0;i<len;i++){
			title_arr.push($("#add_pd_p s").eq(i).parent().attr("title"));
		}
		for(var i=0;i<title_arr.length;i++){
			if(p_now==title_arr[i]) temp=i;
		}
		console.log(title_arr);
		return temp;
	}

});